import Image from 'next/image'
import moment from 'moment';
import 'moment/locale/zh-cn'
import styles from './headbar.module.scss';

export default function HeadBar() {
    return (
        <header className={styles.container}>
            <div className={styles.left}>

                <i className={styles.logo}>logo</i>
                <h2 className={styles.title}>单位名称文字</h2>
            </div>
            <div className={styles.right}>
                <div className={styles.translate}>
                    <Image className={styles.translogo} width={16} height={16} src="/images/translate.png" alt='translate' />
                    <h2 className={styles.language}>中文</h2>
                    <Image className={styles.arrow} width={12} height={8} src="/images/arrow.png" alt='arrow' />
                </div>
                <h3 className={styles.date}>{moment().format("MMM Do dddd")}</h3>
                <h2 className={styles.time}>{moment().format("LT")}</h2>
                <div className={styles.weather}>
                    <Image width={32} height={32} src="/images/sunny.png" alt='sunny' />
                    <h3>24℃ 晴间多云</h3>
                </div>
            </div>
        </header>
    )
}